@import '../styles-var/devui-var.scss';

body[ui-theme='infinity-theme'],
body[ui-theme='sweet-theme'],
body[ui-theme='provence-theme'],
body[ui-theme='deep-theme'],
body[ui-theme='galaxy-theme'] {
  @import './overwrite-style.scss';
}

body[ui-theme='deep-theme'] {
  .devui-tree-node__content.active {
    .devui-tree-node__title {
      color: #ffffff;
    }

    svg.svg-icon rect {
      stroke: #ffffff !important;
    }

    svg.svg-icon rect:last-child {
      fill: #ffffff !important;
    }
  }

  .table-row-selected {
    td {
      color: #ffffff !important;
    }
  }

  .devui-canlender-panel-year-list {
    --devui-list-item-selected-bg: var(--devui-deep-theme-list-item-selected-bg, #dfe1e6);
  }
}

body[ui-theme='sweet-theme'] {
  .devui-datepicker-pro-panel {
    --devui-list-item-active-bg: var(--devui-brand, #ec66ab);
    --devui-list-item-active-text: var(--devui-light-text, #ffffff);
  }
}

body[ui-theme='infinity-theme'] {
  d-tabs .devui-nav-container {
    --devui-brand: #252b3a;
    --devui-brand-active: #252b3a;
    --devui-tab-options-bg: #f2f2f3;

    .devui-nav-options > li.active > a {
      color: #252b3a !important;
    }
  }

  .devui-datepicker-pro-panel {
    --devui-list-item-active-bg: var(--devui-brand, #5e7ce0);
    --devui-list-item-active-text: var(--devui-light-text, #ffffff);
    --devui-list-item-hover-bg: var(--devui-list-item-active-hover-bg, #f2f5fc);
  }

  .devui-table {
    --devui-list-item-strip-bg: #f8f8fa;
  }
}

body[ui-theme='galaxy-theme'] {
  d-tabs .devui-nav-slider {
    --devui-tab-slider-bg: #313131;
    --devui-text: #a3a3a3;
    --devui-brand-active: #ffffff;
    --devui-base-bg: #3f3f3f;
  }

  d-button .devui-btn-common {
    --devui-block: transparent;
  }

  d-button .devui-btn-primary:disabled {
    --devui-light-text: #838383;
  }
}

body[ui-theme='infinity-theme'],
body[ui-theme='sweet-theme'],
body[ui-theme='provence-theme'],
body[ui-theme='deep-theme'] {
  .devui-form-item .devui-form-label .devui-form-span {
    color: $devui-aide-text;
  }
}
